$(function(){
	
	//得到焦点时
	$('header input').focus(function () {
		$(this).prop("placeholder",'');
		$(this).css('width' , 200);
		
	});
	
	//失去焦点时
	$('header input').blur(function () {
		$(this).prop("placeholder","可搜索摄影师、活动");
		$(this).css('width' , 150);
		
	});
	
	
	
	$.ajax({
		type:"get",
		url:"/marketcity",
		dataType:"json",
		success:function(data){
//			console.log(data)
			//请求数据
//			console.log(data.types);
			var citys = data.addrs;
			var types = data.types;
			var lists = data.lists;
			cFn(citys);
			function cFn(city){
				$(".addr-right a:gt(0)").remove();
				//添加地点城市
				for (var i = 0; i < city.length; i++){
					$(".addr-right").append("<a href='javascript:' class='addr_a'>"+city[i]+"</a>");
				}
			}
			
			fn(types,lists);
			function fn(type,list){
				$(".type-right a:gt(0)").remove();
//				console.log($(".main ul a"));
				$(".main ul").children("a").remove();
				//添加类型
				for (var i = 0; i < type.length; i++){
					$(".type-right").append("<a href='javascript:' class='type_a typ'>"+type[i]['1']+"</a>");
				}
				
				//添加列表图片
				for (var i = 0; i < list.length; i++){
					//创建li添加到ul
					$("main .main ul").append("<a href='javascript:'><li><img src='"+list[i]['url']+"' /><p class='p-bottom'><span class='name'>"+list[i]['name']+"</span><img src='"+list[i]['faceUrl']+"'><span class='pgName'>"+list[i]['pgName']+"</span></p></li></a>");
					$(".p-bottom").eq(i).append("<div class='price'><span class='s1'>￥"+list[i]['price']+"</span><span class='s2'></span></div>");
	//				console.log(lists[i]['star']/1);
	
					//获取星星数量
					var num = list[i]['star']/1;
	//				console.log(num);
					//根据星星数量添加图片
					for (var j = 0; j < num; j++) {
						$(".s2").eq(i).append("<img src='http://res.alltuu.com/static/images/starimg/star-on.png' />");
					}
					for (var j = 0; j < 5-num; j++) {
						$(".s2").eq(i).append("<img src='http://res.alltuu.com/static/images/starimg/star-off.png' />");
					}
					
					//添加有序 列表到p
					$(".p-bottom").eq(i).append("<div class='ol'>"+list[i]['services']+"</div>");
					
					$(".main li").eq(i).append("<i>"+list[i]['coverId']+"</i>");
				}
			}
			
//			console.log($(".main li i"));
			$(".main a").each(function(i){
				$(".main a").eq(i).click(function(){
					console.log($(".main a i").eq(i).html());
					$(this).attr("href","market_deta.html?id="+$(".main a i").eq(i).html());
				})
			})
			
			
				$(".type_a").click(function(){
					$(".type_a").css({"background":"#fff","color":"#90969b","border":"1px solid #d8dee0"});
					$(this).css({"background":"#0099e5","color":"#fff"});
//					if (j == 0) {
//						cFn(citys);
//					}
//					$.ajax({
//						type:"get",
//						url:"self/"+(j-1),   //self/0
//						dataType:"json",
//						success:function(data){
//						console.log(data["addrs"]);
//						cFn(data.addrs);
//								
//						}
//					});
			});
			
//			console.log($(".addr_a"));
			$(".addr_a").each(function(i){
				$(".addr_a").eq(i).click(function(){
					$(".addr_a").css({"background":"#fff","color":"#90969b","border":"1px solid #d8dee0"});
					$(this).css({"background":"#0099e5","color":"#fff"});
					if (i == 0){
						fn(types,lists);
					}
					$.ajax({
						type:"get",
						url:"city/"+(i-1),
						dataType:"json",
						success:function(data){
							var lis = data.lists;
							var typ = data.types;
							fn(typ,lis);
						}
					});
				});
			});
		}
	});
});
